<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="shuangzhiaishang">
    <meta name="discription" content="可以注册成为志愿这帮助他人，也可以来寻求他人的帮助">
    <link rel="shortcut icon" href="../home/heart.png" type="image/x-icon">
    <link rel="stylesheet" href="userstyle.css">
    <script src="../lib/jquery-3.6.0.min.js"></script>
    <title>校园帮</title>
</head>
<body>
<div class="main">
    <div class="box">
        <div id="form-field">
            <div class="form-toggle"></div>
            <div class="form-panel one">
                <div class="form-header">
                    <h1>登录</h1>
                </div>
                <div class="form-content">
                    <form>
                        <div class="form-group">
                            <label for="login-username">用户名</label>
                            <input type="text" id="login-username" name="username" required="required">
                        </div>
                        <div class="form-group">
                            <label for="login-password">密码</label>
                            <input type="password" id="login-password" name="password" required="required">
                        </div>
                        <div class="form-group">
                            <a href="#" class="form-recovery">忘记密码</a>
                        </div>
                        <div class="form-group">
                            <button id="login" type="submit">登录</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="form-panel two">
                <div class="form-header">
                    <h1>注册</h1>
                </div>
                <div class="form-content">
                    <form>
                        <div class="form-group">
                            <label for="signup-username">用户名</label>
                            <input type="text" id="signup-username" name="username" required="required" />
                        </div>
                        <div class="form-group">
                            <label for="signup-password">密码</label>
                            <input type="password" id="signup-password" name="password" required="required" />
                        </div>
                        <div class="form-group">
                            <label for="signup-username">确认密码</label>
                            <input type="password" id="signup-confirm-password" name="confirm_password" required="required" />
                        </div>
                        <div class="form-group">
                            <label class="form-checkbox">
                                <input onclick="change()" id="agree-volunteer" name="volunteer" value="yes" type="checkbox" checked="true">成为志愿者
                            </label>
                        </div>
                        <div class="form-group">
                            <button id="register" type="submit">注册</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="switch.js"></script>
<script src="submit.js"></script>
<!--<script src="../javascripts/checkLogin.js"></script>-->
<script>
    function change() {
        let checkbox = document.getElementById('agree-volunteer')
        console.log(checkbox.checked)
        checkbox.checked = !checkbox.checked
    }
</script>
</body>
</html>